﻿#contentBox {
    float: left;
    width: 100%;
    margin: 0px!important;
    min-width: 100%!important;
}

#contentRow, #DeltaPlaceHolderMain {
    float: left;
    width: 100%;
}

#DeltaPlaceHolderMain {
    background-color: #F1f1f1;
    border-radius: 15px;
    min-height: 500px;
}

.CustomerSpeak, .publishing-center, .TipsTricks, .Portal_footer, .Awards, .HomeNews, .SpeakItems, .Master_Top_Nav, .Birthdays {
    border-radius: 10px;
}

    .Master_Top_Nav ul {
        text-align: center;
    }

.Master_Top_Nav {
    float: left;
    width: 100%;
    background-color: black;
    height: 77px;
}

    .Master_Top_Nav ul li {
        list-style-type: none;
        display: inline;
        padding: 0px 10px 0px 10px;
    }

        .Master_Top_Nav ul li a:hover {
            background-color: red;
        }

        .Master_Top_Nav ul li a, .Master_Top_Nav ul li a:link, .Master_Top_Nav ul li a:visited {
            padding: 5px;
            color: white;
            font-weight: bold;
        }

            .Master_Top_Nav ul li a:hover {
                text-decoration: none;
            }


.homeImage img {
    width: 40px;
    position: relative;
    top: 15px;
}

.postedImage {
    max-width: 600px;
    max-height: 300px;
}

.homeImage a:hover {
    background-color: black!important;
}

.AnnImage {
    cursor: pointer;
}

.FeedsParent {
    float: left;
    width: auto;
}

.publishing_home {
    float: left;
    width: 100%;
}

.Portal_footer {
    float: left;
    width: 100px;
    background-color: black;
    height: 100px;
    padding: 20px 0px 20px 0px;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.footer_wrapper {
    float: left;
    width: 100%;
    text-align: center;
    color: grey;
}

.footer_social {
    text-align: right;
    margin-right: 20px;
}

    .footer_social li {
        list-style: none;
        display: inline-block;
    }

#s4-workspace {
    width: auto!important;
    background-color: #FFF19D;
    background-color: #FFFFFF;
}

#s4-bodyContainer {
    margin: 0 auto;
    width: 90%!important;
}

.welcome.blank-wp {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    width: 1300px;
}

.publishing-left {
    float: left;
    width: auto;
}

.publishing-center {
    float: left;
    width: auto;
    background-color: #FFFFFF;
    margin-left: 70px;
    padding: 5px 15px 5px 15px;
}

.publishing-right {
    float: right;
    width: auto;
}

.postInput {
    width: 500px;
    height: 50px;
}

.writePostTitle {
    font-weight: bold;
}

.newsfeedstitle {
    font-weight: bold;
    margin-top: 20px;
}

.postBtn {
    margin-left: 0px!important;
    color: white;
    background-color: blue;
    font-weight: bold;
}

.userImage {
    border-radius: 50% 50% 50% 50%;
}

div.feeds {
    float: left;
    width: 700px;
    padding: 0px 10px 10px 0px;
}

div.feed {
    padding: 30px 5px 30px 5px;
    border-bottom: 1px solid grey;
    width: 500px;
    float: left;
}

div.feedRight {
    width: 400px;
    float: left;
    height: auto;
}

div.feedLeft {
    width: 100px;
    float: left;
    height: auto;
}

div.feedwrapper {
    float: left;
    width: 500px;
    background-color: #FFFFFF;
    padding-bottom: 5px;
}

    div.feedwrapper:hover {
    }

div.userImagePar {
    width: 100px;
    float: left;
    padding: 10px 0px 0px 10px;
}

div.postDetails {
    width: 350px;
    float: left;
}

div.UserName {
    width: 350px;
    float: left;
    color: #0072c6;
    font-size: 18px;
}

div.createdDate {
    width: 350px;
    float: left;
    color: gray;
}

div.postContent {
    float: left;
    width: 300px;
    padding-top: 10px;
}

div.SocialBar {
    float: left;
    width: 500px;
    margin-top: 20px;
}

    div.SocialBar span {
        cursor: pointer;
    }

div.likeWrapper {
    float: left;
    width: 490px;
    padding: 5px 5px 5px 5px;
    background-color: #FFFFFF;
    padding: 5px 5px 5px 5px;
}

div.commentitem {
    width: 500px;
    float: left;
    background-color: #FFFFFF;
    margin-bottom: 1px;
}

div.commentWrapper {
    width: 500px;
    float: left;
}

div.commentor {
    float: left;
    width: 100px;
    padding: 5px 5px 5px 5px;
}

div.commentbody {
    float: left;
    width: 300px;
    padding: 5px 5px 5px 5px;
}

div.newcomment {
    float: left;
    width: 500px;
}

.peoplehover {
    margin-left: 60px;
}

.likeitwrap {
    width: 40px;
    float: left;
}

.commentbody input {
    width: 350px;
}

.newcomment .commentor {
    margin-top: 2px;
}

.commentsTitle {
    background-color: #FFFFFF;
    padding: 5px 5px 5px 5px;
    margin-top: 5px;
    float: left;
    width: 490px;
    font-weight: bold;
}

.SpeakItems {
    background-color: #fc5533;
    float: left;
    width: 200px;
}

.SpeakItem .SpeakDescription {
    width: 200px;
    color: white;
}

.SpeakItem {
    padding: 25px 0 25px 0;
}

.SpeakImage {
    border-radius: 50% 50% 50% 50%;
}

.SpeakDescription {
    text-align: center;
}

    .SpeakDescription a:link, .SpeakDescription a {
        color: white;
    }


.speakUserDetail, .SpeakUserImage, .SpeakUserName, .SpeakDate, .SpeakUserNameWrapper {
    float: left;
}

.SpeakUserImage {
    padding-left: 5px;
}

.speakUserDetail {
    padding-top: 20px;
}

.speakUserDetail {
    width: auto;
}

.SpeakUserNameWrapper, .SpeakUserName, .SpeakDate {
    width: 130px;
    text-align: left;
}

.SpeakUserNameWrapper {
    margin-left: 10px;
}

.SpeakUserName {
    color: white;
    font-weight: bold;
}

.SpeakDate {
    color: white;
}

.CustomerSpeak {
    background-color: #fc5533;
    width: 200px;
    float: left;
}

.SpeakTitle {
    font-weight: bold;
    text-align: center;
    width: 200px;
    float: left;
    color: white;
    font-size: 18px;
}

.customerDetailsItem {
    width: 500px;
    float: left;
}

.customerDetailsTitle {
    color: #0072C6;
    padding: 10px;
}

.customerDetailsDescription {
    color: darkGray;
    padding: 10px;
    float: left;
}

.customerDetailsDate {
    color: gray;
    padding: 10px;
}

.customerDetailsImage {
    width: 100px;
    height: 50px;
    padding: 10px;
    float: left;
}

    .customerDetailsImage img {
        border-radius: 50% 50% 50% 50%;
    }

.customerDetailsName {
    color: blue;
    padding: 10px;
}

.customerDetailsUserWrapper {
    float: left;
    width: 500px;
}

.bx-viewport {
    height: 400px!important;
}

.happinessOfficeitem, .happinessDate, .happinessTitle, .happinessImage, .happinessDescription {
    width: 300px!important;
}

.happinessOfficeitem {
    padding-left: 30px;
    padding-right: 30px;
}

.happinessTitle {
    color: #0072C6;
}

.happinessDate {
    color: gray;
}

.happinessDescription {
    color: darkgray;
}


.bx-viewport, .bx-wrapper {
    width: 700px!important;
    margin: 0px!important;
}

.happinessOfficeTitle {
    font-weight: bold;
    margin-bottom: 20px;
}

.happinessDetailsItem {
    width: 1000px;
}

.happinessDetailsTitle {
    color: #0072C6;
    padding: 10px;
}

.happinessDetailsDescription {
    color: darkGray;
    padding: 10px;
}

.happinessDetailsDate {
    color: gray;
    padding: 10px;
}

.happinessDetailsImage {
    width: 300px;
    height: 196px;
    padding: 10px;
}

.NewsDate {
    width: 200px;
    float: left;
    color: white;
    font-weight: bold;
}

.NewsTitle {
    width: 200px;
    float: left;
    color: white;
}

.NewsItem {
    width: 200px;
    float: left;
    padding: 10px 10px 10px 10px;
    color: white;
}

.HomeNews {
    width: 200px;
    float: left;
    background-color: #ffd533;
    color: white;
}

.NewsHomeTitle {
    width: 200px;
    float: left;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 18px;
}

.NewsDetails {
    padding: 20px 20px 20px 20px;
    color: white;
}

    .NewsDetails a:visited, .NewsDetails a:link {
        color: white;
    }

.Awards {
    float: left;
    width: 200px;
    background-color: #4FDBD4;
    color: white;
}

.AwardsWrapper {
    float: left;
    width: auto;
    padding: 30px 20px 30px 20px;
}

.Awardstitle {
    text-align: center;
    font-size: 24px;
}

.AwardsName {
    font-weight: bold;
}

.AwardsItem {
    margin-bottom: 5px;
}

.TipsTricks {
    float: left;
    width: 200px;
    background-color: #13D12C;
}

.TipItem {
    color: white;
    margin-bottom: 15px;
}

.TipsTricksTitle {
    text-align: center;
    font-size: 24px;
    color: white;
}

.TipTitle {
    font-weight: bold;
}

.TipsWrapper {
    float: left;
    width: auto;
    padding: 30px 20px 30px 20px;
}

.Attendance {
    background-color: #def5f5!important;
}

    .Attendance table {
        width: 100%;
    }

.NewsSliderImage img {
    width: 700px!important;
    height: 380px!important;
}

.width70 {
    width: 70%;
}

.width30 {
    width: 30%;
}

.greenMsg {
    color: green;
}

.redMsg {
    color: red;
    font-weight: bold;
}

.MyAnnouncements {
}

.MyAnnouncementItem {
    border-bottom: 2px solid black;
}

.MyAnnouncementTitle {
    font-weight: bold;
}

.MyAnnouncementDescription {
    width: 70%;
    height: auto;
}

.MyAnnouncementRead {
}

.Birthdays {
    width: 200px;
    float: left;
    background-color: #FFF19D;
    height: auto;
}

.BirthTitle {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

.Birthday {
    margin: 10px 0px 0px 30px;
}

.DISPLAYNONE {
    display: none;
}

.AnnouncementsTop {
    z-index: 9999;
    position: absolute;
    background-color: white;
    width: auto;
    background: lightgrey;
}

.AnnTopTitle {
    text-align: center;
    font-weight: bold;
}

.AnnTitle {
    text-align: center;
    font-weight: bold;
}

.AnnouncementsTop .Announcement {
    margin-top: 10px;
}

.UpdateMessage {
    color: green;
    font-weight: bold;
    text-align: center;
}
